﻿body
{
    font-family: Tahoma;
    font-size: 10pt;
}
table
{
}
    table .debug
    {
        margin: auto;
        width: 100%;
    }
        table .debug td
        {
            border: solid 1px #ccc;
            padding: 2px;
        }

.sample-data
{
}
    .sample-data .checkboxlist
    {
        margin-bottom: 10px;
    }
        .sample-data .checkboxlist .check-box
        {
            margin-right: 10px;
        }
    .sample-data .filterbar
    {
        margin-bottom: 10px;
    }
        .sample-data .filterbar a
        {
            margin-right: 10px;
        }

.filterbar
{}
    .filterbar .contents
    {}
        .filterbar .contents ul.options
        {
            list-style-type: none;
            margin: 0px;
            padding: 0px;
        }
            .filterbar .contents ul.options li
            {
            }
                .filterbar .contents ul.options li.option,
                    .filterbar .contents ul.options li.option a
                {
                    background-color: #357ec7;
                    color: #fff;
                    float: left;
                    height: 16px;
                    list-style-type: none;
                    margin: 0px 1px 0px 0px;
                    padding: 4px;
                }
                    .filterbar .contents ul.options li.option .display
                    {
                    }
                    .filterbar .contents ul.options li.option .editor
                    {
                        display: none;
                    }
                        .filterbar .contents ul.options li.option .editor .conjunction select
                        {
                            width: 40px;
                        }
                            .filterbar .contents ul.options li.option .editor select
                            {
                                width: 100px;
                            }
                        .filterbar .contents ul.options li.option .editor input[type='text']
                        {
                            width: 40px;
                        }
                    .filterbar .contents ul.options li.option span
                    {
                        margin-left: 2px;
                        margin-right: 2px;
                    }
                    .filterbar .contents ul.options li.option a,
                    .filterbar .contents ul.options li.option a:visited
                    {
                        font-size: 8pt;
                        margin: 0px;
                        padding: 0px;
                    }
                        .filterbar .contents ul.options li.option.add a,
                            .filterbar .contents ul.options li.option.add a:hover,
                            .filterbar .contents ul.options li.option.add a:visited,
                        .filterbar .contents ul.options li.option.reset a,
                            .filterbar .contents ul.options li.option.reset a:hover,
                            .filterbar .contents ul.options li.option.reset a:visited
                        {
                            text-indent: -9000px;
                            text-transform: capitalize;
                            width: 16px;
                        }
                    .filterbar .contents ul.options li.option a:hover
                    {
                        cursor: pointer;
                        font-style: italic;
                    }
                        .filterbar .contents ul.options li.option.add a
                        {
                            background-image: url(/Resources/Icons/filter-add.gif);
                            margin: 0px;
                            padding: 0px;
                            width: 16px;
                        }
                        .filterbar .contents ul.options li.option.reset a
                        {
                            background-image: url(/Resources/Icons/filter-delete.gif);
                            margin: 0px;
                            padding: 0px;
                            width: 16px;
                        }
        .filterbar .contents .available-filters
        {
            display: none;
        }
            .filterbar .contents .available-filters ul
            {
                clear: both;
                float: left;
                list-style-type: none;
                margin: 0px;
                padding: 0px;
            }
                .filterbar .contents .available-filters ul li
                {
                }

.clear
{
    clear: both;
}

.debug div
{
    margin-top: 10px;
}
